<template>
  <div class="my-card" :style="width ? { width: `${width}px` } : {}">
    <div class="my-card-img" :style="imgHeight ? { height: `${imgHeight}px` } : {}">
      <img :src="imgSrc" alt="">
    </div>
    <div v-if="summary" class="my-card-summary">
      {{ summary }}
    </div>
    <div v-else class="my-card-summary">
      <slot></slot>
    </div>
    <slot name="footer"></slot>
  </div>
</template>

<script setup name="MyCard">
defineOptions({
  name: 'MyCard'
});
import propObj from './props';
defineProps(propObj);
</script>

<style lang="scss" scoped>

</style>
